<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link th:href="@{/css/header.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
</head>
<body>
    <div class="row">
        <header class="col-12 header-fragment" th:fragment="header_common">
            <div class="row header-container">
                <div class="col-5 incentive">
                    <span class="incentive-text">今天购物了吗  ～(￣▽￣～)~</span>
                </div>

                <div class="col-1 offset-3">
                    <a href="/" class="header-icon">
                        <i class="bi bi-shop-window i-icon text-link" style=""></i>
                        <span class="placeholder-icon">首页</span>
                    </a>
                </div>

<!--                图标-->
                <div class="col-1">
                    <a href="javascript:;" class="header-icon">
                        <i class="bi bi-envelope i-icon text-link" style=""></i>
                        <span class="placeholder-icon">邮件</span>
                    </a>
                </div>

<!--                图标-->
                <div class="col-1">
                    <a href="javascript:;" class="header-icon">
                        <i class="bi bi-bell i-icon text-link"></i>
                        <span class="placeholder-icon">通知</span>
                    </a>
                </div>

<!--                图标-->
                <div class="col-1">
                    <a th:href="@{/userLoginOut}" class="header-icon">
                        <i class="bi bi-box-arrow-right i-icon text-link"></i>
                        <span class="placeholder-icon">退出</span>
                    </a>
                </div>
            </div>
        </header>
    </div>
</body>
</html>